﻿	<html>
	<head>
		<title>Página inicial</title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
	</head>
	<body>

	  <div class="container"> 
		<div class="row">
		 <div class="row-md-2">
	<div class="navbar navbar-default">
	  <div class="navbar-header">
	    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	    </button>
	    <a class="navbar-brand" href="#">Início</a>
	  </div>
	  <div class="navbar-collapse collapse navbar-responsive-collapse">
	    <ul class="nav navbar-nav">
	      <li class="active"><a href="#">Active</a></li>
	      <li><a href="#">Link</a></li>
	    </ul>

	    <ul class="nav navbar-nav navbar-right">

	      <li>
	        <a href="#">
	        <span class="glyphicon glyphicon-shopping-cart"></span>
	        Carrinho 
	      	<span class="badge">0</span>
	        </a>
	      </li>
	      <li><a href="#">Link</a></li>
	      <li class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sua Conta <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	          <li><a href="#">Login</a></li>
	          <li><a href="#">Cadastro</a></li>
	        </ul>
	      </li>
	    </ul>
	  </div>
	</div>	

	</div>
	</div>
	<div class="row-sm-10">
		<div class="row">
			<div class="row-sm-5">
			  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		        <!-- Indicators -->
		        <ol class="carousel-indicators">
		          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		        </ol>

	            <!-- Wrapper for slides -->
	           <div class="carousel-inner">
	             <div class="item active">
	               <img src="banner_img/1.jpg" alt="produto1">
	               <div class="carousel-caption">
	                 Produto 1
	               </div>
	             </div>
	             <div class="item">
	               <img src="banner_img/2.jpg" alt="produto2">
	               <div class="carousel-caption">
	                 Produto 2
	               </div>
	             </div>
	             <div class="item">
	               <img src="banner_img/3.jpg" alt="produto3">
	               <div class="carousel-caption">
	                 Produto 3
	               </div>
	             </div>
	            </div>

	            <!-- Controls -->
	            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
	              <span class="glyphicon glyphicon-chevron-left"></span>
	            </a>
	            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
	              <span class="glyphicon glyphicon-chevron-right"></span>
	            </a>
	          </div>
			 </div>
			 <!--Painel de Destaques-->
			<div class="row-sm-7">
				<div class="panel panel=default">
					<div class="panel-body">
						<div class="row">
							<div class="row-sm-6">
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
							</div>
							<div class="row-sm-6">
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
								<div class="col-sm-3">
									<h2>produto</h2>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		
	</div>
	</div>
	<script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
	</body>
	</html>